<template>
  <div class="homeswiper">
	<swiper :options="swiperOption">
	    <swiper-slide v-for="item in swiperlist" :key="item.id">
			<img :src="item.imgurl" alt="图片">
	    </swiper-slide>
	    <div class="swiper-pagination"  slot="pagination"></div>
	  </swiper>
  </div>
</template>
<script>
	export default {
		props:["swiperlist"],
		data() {
		    return {
		        swiperOption: {
		            pagination: {
		                el:".swiper-pagination"
		            },
		            autoplay: {
				    delay: 1000,
				    stopOnLastSlide: false,
				    disableOnInteraction: true,
				    },
		       	}
	        }
	    },
	    
	}
</script>
<style scoped>
	.homeswiper{
		width: 100%;
	}
	.homeswiper img{
		width: 100%;
	}
</style>
